<extend name="Common/base"/>

<block name="body">
    <style>
        .rich_media_meta_list{
            margin-bottom: 0;
        }
        @media screen and ( max-width: 1025px) {
            body{
                background-color: #000;
            }
            .content{
                padding: 0;
            }
            .content:before {
                content: " ";
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 0;
                border-top: 1px solid #000;
                -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
                -webkit-transform: scaleY(0.5);
                transform: scaleY(0.5);
                top: auto;
                bottom: 0;
            }
            .rich_media_title, .rich_media_meta_list{
                display: none;
            }
            .rich_media_content{
                width: 100%;
            }
            .rich_media_content * {
                width: 100%;
                background-color: #000;
            }
        }
    </style>
    <div class="container">
        <div class="content">
            <h2 class="rich_media_title">{$info.title}</h2>
            <div class="rich_media_meta_list">
                <em id="post-date" class="rich_media_meta rich_media_meta_text">{$info.updated_at|date='Y-m-d',###}</em>
        
                <em class="rich_media_meta rich_media_meta_text">{$info.uid|get_nickname}</em>
                <a class="rich_media_meta rich_media_meta_link " href="##" id="post-user"></a>
                <span class="rich_media_meta rich_media_meta_text "></span>
        
            </div>
            <div class="rich_media_content">
                <div>{$info.content}</div>
            </div>
        </div>
    </div>
</block>
